<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
  <title>钢琴 - 静听网 </title>
  <link rel="stylesheet" href="../../assets/css/reset.css">
  <link rel="stylesheet" href="../../assets/css/common.css">
  <link rel="stylesheet" href="../../assets/css/category.css">
  <link rel="stylesheet" href="../../assets/css/font-awesome.min.css">
</head>
<body>
<!-- 导航栏 -->
<header>
  <div class="container">
    <div class="navbar-header">
      <a href="" class="navbar-brand">
        <img src="../../assets/images/logo.png" alt="">
      </a>
    </div>
    <nav>
      <ul class="nav navbar-nav navbar-link">
        <li><a href="../../index.html">首页</a></li>
        <li class="active"><a href="../../category/piano/index.html">钢琴</a></li>
        <li><a href="../../category/guitar/index.html">吉他</a></li>
        <li><a href="../../category/cartoon/index.html">动漫</a></li>
        <li><a href="../../category/elect/index.html">电子</a></li>
      </ul>
    </nav>
  </div>
</header>
<!-- 头部信息 -->
<div class="container-sm category-header-wrap">
  <div class="category-header-banner">
    <div class="img" style="background-image: url('../../storage/category/piano.jpg')">
      <div class="content">
        <h2>钢琴</h2>
        <p>Piano</p>
      </div>
      <div class="mask"></div>
    </div>
  </div>
</div>
<!-- 音乐列表 -->
<div class="container-sm box">
  <div class="main">
    <div class="main-wrap">
      <div class="content-box">
        <div class="piano-list">
          <div class="content-header">
            <h2><i class="fa fa-music red"></i>最新音乐</h2>
          </div>
          <ul class="music-list clearfix">
            <li>
              <div class="u-cover">
                <img src="http://p3.music.126.net/fNtMX44fvaGByURP0AbOZQ==/836728348761063.jpg">
                <a title="Refrain - Anan Ryoko" href="../../music/22712173.html" class="msk"></a>
              </div>
              <p class="dec">
                <a title="Refrain - Anan Ryoko" href="../../music/22712173.html">Refrain</a>
              </p>
              <div class="author">HaPBoy</div>
            </li>
            <li>
              <div class="u-cover">
                <img src="http://p4.music.126.net/ap7KvRE0-V4kfThDVVor9A==/18777459579736085.jpg">
                <a title="風の住む街 - 磯村由纪子" href="../../music/586299.html" class="msk"></a>
              </div>
              <p class="dec">
                <a title="風の住む街 - 磯村由纪子" href="../../music/586299.html">風の住む街</a>
              </p>
              <div class="author">Hapon</div>
            </li>
            <li>
              <div class="u-cover">
                <img src="http://p3.music.126.net/7cYhniBuLvU3fvLjeRFeNw==/106652627910735.jpg">
                <a title="Tassel - Cymophane" href="../../music/357126.html" class="msk"></a>
              </div>
              <p class="dec">
                <a title="Tassel - Cymophane" href="../../music/357126.html">Tassel</a>
              </p>
              <div class="author">超级无敌帅气苗</div>
            </li>
            <li>
              <div class="u-cover">
                <img src="http://p4.music.126.net/rH6qznhQRIS3u3ANmbckRQ==/556352883666539.jpg">
                <a title="Summer - 久石譲" href="../../music/443242.html" class="msk"></a>
              </div>
              <p class="dec">
                <a title="Summer - 久石譲" href="../../music/443242.html">Summer</a>
              </p>
              <div class="author">穿靴子的猫</div>
            </li>
            <li>
              <div class="u-cover">
                <img src="http://p3.music.126.net/hNJFmhHzaGxYYwVbQbALNw==/79164837215733.jpg">
                <a title="夜的钢琴曲五 - 石进" href="../../music/149297.html" class="msk"></a>
              </div>
              <p class="dec">
                <a title="夜的钢琴曲五 - 石进" href="../../music/149297.html">夜的钢琴曲五</a>
              </p>
              <div class="author">超级无敌帅气苗</div>
            </li>
            <li>
              <div class="u-cover">
                <img src="http://p3.music.126.net/nODD72PnMS73c65auMtBkw==/1781208837010263.jpg">
                <a title="Always With Me - 奥户巴寿" href="../../music/5267808.html" class="msk"></a>
              </div>
              <p class="dec">
                <a title="Always With Me - 奥户巴寿" href="../../music/5267808.html">Always With Me</a>
              </p>
              <div class="author">Hapon</div>
            </li>
            <li>
              <div class="u-cover">
                <img src="http://p4.music.126.net/y_m2FXuYNBxITD4D80Aq2w==/1372190524437978.jpg">
                <a title="安静的午后 - Pianoboy" href="../../music/139730.html" class="msk"></a>
              </div>
              <p class="dec">
                <a title="安静的午后 - Pianoboy" href="../../music/139730.html">安静的午后</a>
              </p>
              <div class="author">Wing</div>
            </li>
            <li>
              <div class="u-cover">
                <img src="http://p3.music.126.net/9idkdzbel_-lYBP7Dv_dVQ==/102254581395289.jpg">
                <a title="The truth that you leave - Pianoboy" href="../../music/139774.html" class="msk"></a>
              </div>
              <p class="dec">
                <a title="The truth that you leave - Pianoboy" href="../../music/139774.html">The truth that you leave</a>
              </p>
              <div class="author">Boom</div>
            </li>
            <li>
              <div class="u-cover">
                <img src="http://p3.music.126.net/mRxnT6V7zfHBMHAuIA0CCg==/688294279009689.jpg">
                <a title="Alice - おさむらいさん" href="../../music/22681116.html" class="msk"></a>
              </div>
              <p class="dec">
                <a title="Alice - おさむらいさん" href="../../music/22681116.html">Alice</a>
              </p>
              <div class="author">花咲恵子</div>
            </li>
            <li>
              <div class="u-cover">
                <img src="http://p3.music.126.net/x-LVbj4tX6oEDH3qkqJP2g==/663005511556827.jpg">
                <a title="Journey - Capo Productions" href="../../music/16846088.html" class="msk"></a>
              </div>
              <p class="dec">
                <a title="Journey - Capo Productions" href="../../music/16846088.html">Journey</a>
              </p>
              <div class="author">anastas</div>
            </li>

          </ul>
        </div>
      </div>
    </div>
  </div>
</div>
<!-- 底部版权 -->
<footer>
  <div class="container">
    <div class="copyright">
      <p>Copyright © <span class="update-year">2016</span> HaPBoy - All Rights Reserved</p>
    </div>
  </div>
</footer>
</body>
</html>
